$orange: #ff6000;
.u-load-more-wrap{
	margin-top: 20rpx!important;
}
.u-progress{
	.u-active{
		background: linear-gradient($light-color, $base-color)!important;
	}
}
.u-tabbar{
	.u-tabbar__content__item__text{
		font-size: 24rpx!important;
	}
	uni-view.u-tabbar__content__item__text{
		bottom: 10rpx!important;
	}
}
.u-fixed-placeholder{
	height: 0!important;
}
.u-more-text{
	font-size: 24rpx!important;
}
.default{
	color: $base-color;
	font-size: 28rpx;
	&:active{
		opacity: .85;
	}
	&[disabled]{
		color: #ccc;
	}
}
tab-bar{
	position: absolute;
}
page{
	height: 100%;
	background-color: #F1F1F1;
	.login-page,
	.notfound-page{
		height: 100%;
		background-color: #fff;
	}
	&>view.list-page{
		
	}
	&>view.list-page.u-skeleton{
		margin-bottom: 0px;
	}
}
.uni-body{
	background-color: #F1F1F1;
	&.pages-notFound-index,
	&.pages-login-index{
		background-color: #fff;
	}
	.list-container{
		margin-bottom: 100rpx;
	}
}
// 404 / empty
.notfound-page,
.data-empty{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	image{
		width: 120px;
		height: 120px;
		margin-bottom: 20rpx;
	}
	text{
		color: #999;
		font-size: 26rpx;
	}
}
.data-empty{
	min-height: 340px;
}
// confirm
.confirm-content,
/deep/.confirm-content{
	padding: 35rpx 30rpx 45rpx;
	text-align: center;
	text{
		display: block;
		line-height: 44rpx;
	}
	.title{
		line-height: 80rpx;
		font-size: 36rpx;
		color: #333333;
	}
	.txt{
		font-size: 30rpx;
		color: #666;
	}
}
// login page
.login-page{
	padding: 0 40rpx;
	.title{
		padding: 96rpx 0 80rpx;
		font-size: 56rpx;
		color: #000;
	}
	.item{
		border-bottom: 1px solid #eee;
	}
	.no-border-item{
		border: none;
	}
	.tips{
		padding-top: 40rpx;
		color: #999;
		font-size: 24rpx;
		text-align: center;
	}
	.default{
		display: inline-block;
		width: 200rpx;
		position: relative;
		&::before{
			display: block;
			content: '';
			width: 1px;
			height: 38rpx;
			background-color: #ccc;
			position: absolute;
			left: 0;
		}
	}
	.toggle{
		margin: 30rpx 0 120rpx;
		&::before{
			display: none;
		}
	}
	u-col{
		.default{
			vertical-align: -26rpx;
			&::before{
				top: 0rpx
			}
		}
	}
	input,
	/deep/uni-input{
		min-height: 92rpx!important;
	}
	input,
	/deep/.uni-input-input{
		font-size: 32rpx;
	}
	button[type=default],
	uni-button[type=default]{
		line-height: 88rpx;
		font-size: 36rpx;
		background: linear-gradient($light-color, $deep-color);
		color: #fff;
		border: none;
		border-radius: 16rpx;
		&:active{
			color: #fff;
			opacity: .85;
		}
		&[disabled]{
			color: #fff;
			background: #bbb;
		}
	}
	.u-col{
		padding-left: 0!important;
		&.u-col-8{
			padding-right: 50rpx!important;
		}
		&.u-col-4{
			text-align: right!important;
		}
	}
}
// home/mytask page
.list-page{
	padding: 20rpx 24rpx;
	.banner{
		font-size: 0px;
		image{
			width: 100%;
			height: 260rpx;
		}
	}
	.list-container{
		.u-btn{
			display: inline-block;
			width: 110rpx;
			line-height: 52rpx;
			padding: 0;
			font-size: 28rpx;
			border-radius: 28rpx;
			&:active{
				opacity: .85;
			}
			&[disabled]{
				background: #bbb!important;
			}
		}
		/deep/.u-btn--primary{
			color: $base-color;
			border-color: $base-color;
			background-color: #fff;
			&::after{
				border: 1px solid $base-color;
				border-radius: 100rpx;
			}
			&[disabled]{
				&::after{
					border-color: #bbb;
				}
			}
		}
		/deep/.u-btn--success{
			margin-left: 10rpx;
			border-color: $base-color;
			background: linear-gradient($light-color,$base-color);
		}
		.u-row{
			text{
				display: block;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				text{
					display: inline;
				}
			}
		}
		.row-1,.row-2,.row-3{
			text{
				line-height: 45rpx;
			}
		}
		.row-4{
			text{
				line-height: 40rpx;
			}
		}
		.item{
			margin-top: 20rpx;
			padding: 30rpx;
			background-color: #fff;
			border-radius: 20rpx;
			&.invite{
				position: relative;
				&::before{
					content: "";
					position: absolute;
					left: 0;
					top: 0;
					display: block;
					width: 56rpx;
					height: 54rpx;
					background-image: url(@/static/image/item-type-icon.png);
					background-size: 100%;
					border-radius: 0 0 100px 0;
				}
			}
			.title{
				font-size: 36rpx;
			}
			.title,
			.price{
				font-weight: bold;
			}
			.sub-title,
			.price,
			.time{
				font-size: 28rpx;
			}
			.type,
			.number,
			.workload{
				font-size: 24rpx;
			}
			.price,
			.title,
			.time{
				color: #333;
			}
			.sub-title,
			.number,
			.workload,
			.type{
				color: #666;
			}
			.status{
				font-size: 32rpx;
				color: #999;
			}
			.sub-title{
				margin-top: 10rpx;
			}
			.price{
				text{
					color: $orange;
					font-size: 48rpx;
				}
			}
		}
	}
}
// home -> preview 
.home-page{
	&.weixin-page{
		.content{
			padding-bottom: 145rpx;
		}
	}
	.list-container{
		.time{
			margin-top: 5rpx;
		}
	}
	.skeleton{
		view{
			height: 220rpx;
			margin-bottom: 15rpx;
			&.banner{
				height: 260rpx;
			}
		}
	}
}
.preview-page{
	height: 100%;
	.nuter{
		display: flex;
		justify-content: center;
		width: 100%;
		position: absolute;
		top: 96%;
		view{
			width: 10rpx;
			height: 10rpx;
			margin: 0 5rpx;
			border-radius: 10rpx;
			background-color: #B0DEE0;
			&.active{
				width: 18rpx;
				background-color: $base-color;
			}
		}
	}
	uni-swiper-item,
	swiper-item{
		box-sizing: border-box;
		padding: 30rpx;
	}
	uni-swiper,
	.uni-swiper-wrapper,
	.uni-swiper-slides,
	.uni-swiper-slide-frame,
	uni-swiper-item,
	swiper,
	swiper-item{
		height: 92%;
		background-color: #fff;
	}
}
// mytask
.mytask-page{
	padding-top: 0;
	height: calc(100% - 200rpx);
	&.ios-page{
		height: calc(100% - 265rpx);
	}
	swiper{
		height: calc(100% - 95rpx);
	}
	uni-swiper,
	.uni-swiper-wrapper{
		height: calc(100% - 45rpx);
	}
	.uni-swiper-slides,
	.uni-swiper-slide-frame,
	scroll-view,
	uni-swiper-item,
	uni-scroll-view{
		height: 100%;
	}
	.uni-scroll-view-content{
		height: auto;
	}
	.tips{
		display: block;
		padding-top: 20rpx;
		line-height: 1.6;
		font-size: 24rpx;
		color: #666;
	}
	.tabs-bar{
		border-bottom: 1px solid #eee;
	}
	.list-page{
		padding-top: 0;
		.list-container{
			margin-bottom: 0;
			.hidden{
				display: none;
			}
			.row-3{
				padding-bottom: 0;
			}
			u-col{
				line-height: 42rpx;
			}
			.operate.u-col-12{
				margin-top: 10rpx;
			}
			.item{
				padding-bottom: 22rpx;
				.operate{
					margin-bottom: 0;
					text{
						display: inline;
						color: $base-color;
						font-size: 24rpx;
						&:active{
							opacity: .85;
						}
						&+uni-view,
						&+u-icon{
							margin-left: 15rpx;
						}
					}
				}
			}
			.item-ed{
				u-col.operate{
					line-height: 60rpx;
					&+u-col{
						line-height: 50rpx;
					}
				}
				.operate{
					padding-top: 10rpx!important;
					&+u-col,
					&+.u-col-7{
						color: #333;
						font-size: 28rpx;
						text{
							display: inline;
							color: #666;
							font-size: 24rpx;
						}
						.total{
							font-size: 48rpx;
							font-weight: bold;
							color: $orange;
						}
					}
				}
				.price, .price text{
					font-weight: normal;
					font-size: 28rpx;
					color: #666;
				}
			}
			.item-be{
				.row-3+u-row,
				.row-3+.u-row{
					padding-bottom: 6rpx;
				}
			}
		}
	}
}
// mytask --> SEARCH
.search-page{
	.list-page{
		padding-top: 0;
	}
	.list-container{
		.item{
			padding-top: 48rpx;
		}
		.row-3{
			padding-bottom: 0;
		}
		.last{
			padding-top: 0;
		}
		.top-status{
			display: block;
			line-height: 42rpx;
			padding: 0 20rpx;
			text-align: center;
			position: absolute;
			right: 0;
			top: 0;
			z-index: 9;
			font-size: 20rpx;
			font-weight: normal;
			color: #fff;
			background-color: #bbb;
			border-radius: 0 20rpx 0 20rpx;
		}
	}
}
.mytask-page,
.search-page{
	.list-container{
		margin-bottom: 0;
		.u-row{
			.title,
			.type{
				display: inline-block;
			}
		}
		.item{
			.sub-title{
				margin-top: 4rpx;
			}
			.type{
				margin-left: 15rpx;
				padding: 0 4rpx;
				line-height: 32rpx;
				vertical-align: 4rpx;
				border: 1px solid #bfbfbf;
				border-radius: 6rpx;
				font-size: 20rpx;
			}
		}
	}
	.progress{
		.u-progress,
		u-line-progress{
			width: 89%;
		}
		text{
			float: right;
			margin-top: 2px;
			display: inline;
			color: #333;
			font-size: 24rpx;
		}
	}
	.reason{
		font-size: 28rpx;
		font-weight: bold;
		color: #333;
	}
}

// ***************************wl*******
.fs-24{
	font-size: 24rpx;
}
.fs-28{
	font-size: 28rpx;
}
.fs-32{
	font-size: 32rpx;
}
.fs-30{
	font-size: 30rpx;
}
.fs-36{
	font-size: 36rpx;
}
.col-f{
	color: #fff;
}
.col-f-60{
	color: rgba($color: #fff, $alpha: .6);
}
.col-3{
	color: #333;
}
.col-6{
	color: #666;
}
.col-9{
	color: #999;
}
.col-1c{
	color: #1c1c1c;
}
.col-f1{
	color: #f1f1f1;
}
.fw-bold{
	font-weight: bold;
}
// btn
.pay-btn{
	background-image: linear-gradient(#25e7e9, $base-color);
	color: #fff;
	font-size: 36rpx;
	width: calc(100% - 48rpx);
	height: 88rpx;
	line-height: 88rpx;
	&:active{
		opacity: .75;
	}
}
// user page
.user-page{
	.user-con{
		background-color: #fff;
		border-radius: 10rpx;
		margin: 20rpx 24rpx 0 24rpx;
		height: 90rpx;
		padding: 0 20rpx;
		&:active{
			opacity: .75;
		}
	}
	.right-img{
		width: 14rpx;
		height: 22rpx;
		margin-left: 20rpx;
		position: relative;
		top: 3rpx;
	}
	.user-head{
		position: relative;
		overflow: hidden;
		height: 320rpx;
		.user-back{
			width: 160%;
			height: 320rpx;
			position: absolute;
			left: -30%;
			top: 0;
			border-radius: 0 0 50% 50%;
			background: #dcdcdc;
			overflow: hidden;
			.user-auth{
				height: 98rpx;
				width: 58%;
				background-image: linear-gradient(#25e7e9, $base-color);
				border-radius: 20rpx;
				position: absolute;
				left: 21%;
				bottom: 0;
				display: flex;
				flex-direction: row;
				justify-content: space-around;
				view{
					line-height: 84rpx;
				}
				.chooie-img{
					width: 40rpx;
					height: 40rpx;
					margin-right: 10rpx;
					position: relative;
					top: 10rpx;
				}
			}
		}
		.user-info{
			padding: 20rpx 24rpx;
			position: relative;
			z-index: 20;
			display: flex;
			flex-direction: row;
			.img{
				width: 120rpx;
				height: 120rpx;
				border-radius: 50%;
			}	
			.txt{
				padding: 10rpx 20rpx;
				.user-name{
					display: inline-block;
					max-width: 310rpx;
					overflow: hidden;
					text-overflow:ellipsis; 
					white-space: nowrap;
				}
				.lineProgress{
					margin-bottom: 18rpx;
					position: relative;
					width: 420rpx;
					text{
						position: absolute;
						right: -72rpx;
						top: 8rpx;
					}
				}
				.user-area{
					margin-left: 24rpx;
					display: inline-block;
					font-size: 20rpx;
					background-color: $orange;
					max-width: 208rpx;
					min-width: 90rpx;
					padding: 0 20rpx;
					line-height: 38rpx;
					text-align: center;
					border-radius: 50rpx;
					position: relative;
					top: -8rpx;
					overflow: hidden;
					text-overflow:ellipsis; 
					white-space: nowrap;
				}
				.user-xia-year{
					width: 420rpx;
					display: flex;
					flex-direction: row;
					justify-content: space-between;
					.txt-le{
						margin-right: 16rpx;
					}
				}
			}
		}
	}
	.pay{
		height: 360rpx;
		.pay-con{
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-between;
			padding: 0 20rpx;
			view{
				// width: 50%;
				// height: 120rpx;
				// background-color: teal;
				width: 50%;
				height: 122rpx;
				line-height: 50rpx;
				padding: 6rpx 0;
				text{
					display: block;
				}
			}
		}
	}
	.skill{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		line-height: 90rpx;
	}
	.logout{
		text-align: center;
		line-height: 90rpx;
	}
}
// skill page
.skill-page {
	padding-bottom: 60rpx;
	padding-top: 88rpx;
	.tabs-view{
		position: fixed;
		// top: 88rpx;
		top: 0;
		z-index: 150;
		width: 100%;
	}
	.desk-con {
	  background-color: #fff;
	  border-radius: 10rpx;
	  margin: 20rpx 24rpx 0 24rpx;
	  padding: 0 30rpx;
	}
	.txt-skill {
	  padding: 0 24rpx;
	  .txt-skill-view {
		background-image: url(@/static/image/txt-skill-bg.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		height: 180rpx;
		width: 100%;
		margin-top: 20rpx;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding: 0 40rpx 0 30rpx;
		.txt-title {
		  line-height: 56rpx;
		  padding: 36rpx 0;
		}
		.txt-deng {
		  font-size: 88rpx;
		  line-height: 180rpx;
		}
	  }
	  .txt-skill-note {
		width: 100%;
		text-align: center;
		margin-top: 48rpx;
	  }
	}
	.jingyan {
	  height: 120rpx;
	  line-height: 120rpx;
	  text {
		margin-right: 20rpx;
	  }
	}
	.shanchang {
	  padding-top: 20rpx;
	  padding-bottom: 20rpx;
	  line-height: 60rpx;
	  .lines {
		padding: 0 20rpx;
		color: #999;
		font-size: 24rpx;
		position: relative;
		top: -4rpx;
	  }
	  .sc-view {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	  }
	}
	.biaoqian {
	  padding-top: 20rpx;
	  padding-bottom: 20rpx;
	  line-height: 60rpx;
	  .bq-view {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		line-height: 36rpx;
		.desk-label {
		  border: 1px solid #bfbfbf;
		  border-radius: 8rpx;
		  padding: 10rpx 20rpx;
		  display: block;
		  margin: 10rpx 20rpx 10rpx 0;
		}
	  }
	}
  }
// payCenter page
.payCenter-page {
	.time-view {
	  padding: 22rpx 24rpx;
	  .note-view {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding: 6rpx 0;
		.note-img {
		  width: 24rpx;
		  height: 24rpx;
		  margin-right: 10rpx;
		  position: relative;
		  top: 4rpx;
		}
		.note-btn{
			color: $base-color;
			&:active{
				color: rgba($color: $base-color, $alpha: .75);
			}
		}
	  }
	  .time-txt{
		  color: $orange;
	  }
	}
	.pay-info {
	  background-color: #fff;
	  border-radius: 10rpx;
	  margin: 0 24rpx 60rpx 24rpx;
	  height: 304rpx;
	  padding: 32rpx 20rpx;
	  .pay-con {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 0 20rpx;
		view {
		  width: 50%;
		  height: 122rpx;
		  line-height: 50rpx;
		  padding: 6rpx 0;
		  text {
			display: block;
		  }
		}
	  }
	}
	
  }
//   弹框样式

/deep/.u-model{
	.slot-content{
		padding: 28rpx 40rpx;
		font-size: 30rpx;
	}
}
/deep/.u-drawer-center{
		top: -120rpx!important;
	}
// 按钮禁用
/deep/uni-button[disabled]:not([type]),
 button[disabled]:not([type]),
/deep/uni-button[disabled][type=default]{
	background-image: none!important;
	color: #fff;
	background-color: #ccc;
}
// 按钮

/deep/uni-button::after,button::after{
	border: none;
}



